<script setup lang="ts">
import { CloseSmall } from '@icon-park/vue-next';

const props = withDefaults(
  defineProps<{
    title?: string
  }>(),
  { title: '标题' },
)
const emit = defineEmits<{
  (e: 'handleClose'): void
}>()
const handleClose = () => {
  emit('handleClose')
}
</script>

<template>
  <div class="bg-[#ff9600] shadow-sm z-50 border-b-1 px-5 py-2 flex justify-between items-center">
    <span class="text-white text-base">{{ props.title }}</span>
    <div class="flex justify-center gap-6 items-center nodrag">
      <CloseSmall theme="outline" size="24" class="cursor-pointer" fill="#ffffff" @click="handleClose" />
    </div>
  </div>
</template>

<style lang="scss"></style>
